<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Expanding Cards</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="container">
        <div class="panel active" style="background-image: url(https://images.unsplash.com/photo-1558979158-65a1eaa08691);">
            <h3>Explore The World</h3>
        </div>
        <div class="panel" style="background-image: url(https://images.unsplash.com/photo-1572276596237-5db2c3e16c5d);">
            <h3>Wild Forest</h3>
        </div>
        <div class="panel" style="background-image: url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e);">
            <h3>Sunny Beach</h3>
        </div>
        <div class="panel" style="background-image: url(https://images.unsplash.com/photo-1551009175-8a68da93d5f9);">
            <h3>City on Winter</h3>
        </div>
        <div class="panel" style="background-image: url(https://images.unsplash.com/photo-1549880338-65ddcdfd017b);">
            <h3>Mountains - Clouds</h3>
        </div>
    </div>
    <script src="./script.js"></script>
</body>

</html>